@fontSize:font-size;
@center:text-align;
@color:color;
@left:left;
@top:top;
@right:right;
@bottom:bottom;
@textAlign:text-align;
section{
    width:100%;
    max-width:640px;
     background:#EDF1F2;
     
     padding:0.3rem 0;
     margin:0 auto;
  .section-box1{
    display:flex;
    justify-content: space-between;
     
    .box1-left{
      
        
        margin-left:0.18rem;
        p:nth-of-type(1){
            @{color}:#888D94;
            @{fontSize}:0.19rem;
        }
        p:nth-of-type(2){
            @{color}:#A9AAAD;
            @{fontSize}:0.12rem;
            span{
                @{color}:#888D94;
                @{fontSize}:0.15rem;
                margin-left:5px;
            }
        }
        p:nth-of-type(3){
            @{color}:#A9AAAD;
            @{fontSize}:0.12rem;
            span:nth-of-type(1){
                @{color}:#888D94;
                @{fontSize}:0.18rem;
                margin-left:5px;
            }
            span:nth-of-type(2){
                @{color}:#888D94;
                @{fontSize}:0.15rem;
                margin-left:5px;
            }
        }
    }
    .box1-right{
         position:relative;
        margin-right:0.19rem;
        a{
           min-width:0.7rem;
        //    border:1px solid red;
            position:absolute;
            right:0;
            bottom:0;
            @{fontSize}:0.14rem;
            @{color}:#888D94;
        }
    }
}
.section-box2{
    width:3.48rem;
    height:1.12rem;
    margin:0.3rem auto;
    background:#fff;
    border-radius:5px;
    display:flex;
    padding:0.26rem 0.2rem 0.26rem 0.2rem;
    .box2-person{
        width:35px;
        height:33px; 
        background:url("../../images/icon/sprites.png")-18px -256px no-repeat;
        background-size:375px 475px;
    }
    .box2-center{
        margin:0 0.1rem;
       
          h6{
          @{fontSize}:0.17rem;
          @{color}:#888D94;
         
          }
          p{
            @{fontSize}:0.14rem;
            @{color}:#A9AAAD;
 
          }
    }
    .box2-right{
       
        img{
            width:0.11rem;
            height:0.18rem;
        }
    }
}
.section-box3{
    width:3.48rem;
    margin:0.3rem auto;
    background:#fff;
    border-radius:5px;
    padding:0.26rem 0.2rem 0.26rem 0.2rem;
    .box3{
       
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin:0.26rem 0;
        
        .box3-left{
           
            span:nth-of-type(1){
                display:inline-block;
                 width:0.18rem;
                height:0.18rem;
                border:1px solid #CAD7DA;
                color:#CAD7DA;
                border-radius:50%;
                font-size:0.12rem;
               @{textAlign}:center;
               
                line-height:0.18rem;
              
            }
            span:nth-of-type(2){
                @{fontSize}:0.19rem;
                @{color}:#888D94;
                margin-left:0.05rem;
            }
          }
          .box3-right{
             
             img{
                width:0.11rem;
                height:0.18rem;
            }
          }
    }
  
}
.box4{
  
    p{
        width:2.36rem;
        height:auto;
        margin:0 auto;
        @{fontSize}:0.14rem;
        @{color}:#A9AAAD;
    }
    a{
        width:2.36rem;
        height:auto;
        margin:0 auto;
        @{fontSize}:0.16rem;
        @{color}:#1AAFD9;

    }

}
}